<!DOCTYPE html>
<html>
    <head>
        <title>利詩時裝</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="slide/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css"/>
        <link href="css/lacy.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/lacy.js" type="text/javascript"></script>
    </head>
    <body>
 
      <div class="left">
            <div class="col-md-12 col-xs-12 p-0 c-logo">
                <div class="col-md-12 col-xs-12 p-0"><img src="images/logo.png"></div>
         
            </div>   
            <div class="col-md-12 col-xs-12 p-0 col-nav">
                <ul>
                    <li class="active"><a href="index.html">首頁</a></li>
                    <li><a href="products.html">新品</a></li>
                     <li>
                        <a class="nav-dr">時裝</a>
                        <ul class="nav-clothing">
                            <li><a href="products.html">男裝</a></li>
                            <li><a href="products.html">女裝</a></li>
                            <li><a href="products.html">童裝裝</a></li>
                        </ul>
                    
                    </li>
                    <li><a data-toggle="modal" data-target="#myModalc">高級定制</a></li>
                    <li><a href="latest.html">最新動態</a></li>
                    <li><a href="about.html">關於利詩</a></li>
                </ul>
            </div>
            <!-- JiaThis Button BEGIN -->
                <div class="jiathis_style_32x32">
                  <a class="jiathis_button_fb"><i class="fa fa-facebook e-ico"></i></a>
                  <a class="jiathis_button_weixin"><i class="fa fa-weixin e-ico"></i></a>
                </div>
            <!-- JiaThis Button END -->
       </div>
        <div class="right">
           <div class="top">
                <div class="col-xs-3 p-0 logo"><img src="images/logo.png"></div>
                <div class="col-md-6 col-xs-9 text-left">  
                    <span>
                        <i class="fa fa-phone top-ico"></i>
                        010-2652626
                    </span>
                    <span>
                        <i class="fa fa-envelope top-ico"></i>
                        info@email.com
                    </span>
                </div> 
                 <div class="col-md-6 col-xs-9 text-right">  
                     <span><a class="login member" href="#signin">登錄</a></span>
                    <span><a href="service.html">Services</a></span>
                     <span><a href="support.html">Support</a></span>
                </div> 
                <div class="col-xs-9 text-right nav-btn"><span><i class="fa fa-align-justify nav-ico"></i></span></div>
                
            </div>
     
            
         <div class="gmap3"></div>
            <div class="col-md-3 text-center">
                <div class="about-li"> 
                    <div><span><i class="fa fa-home about-ico"></i></span></div>
                    <div class="about-font">text</div>
                </div> 
            </div>
            <div class="col-md-3 text-center">
               <div class="about-li">   
                   <div><span><i class="fa fa-map-marker about-ico"></i></span></div>
                <div class="about-font">text</div>
               </div> 
            </div>
            <div class="col-md-3 text-center">
              <div class="about-li">   
                  <div><span> <i class="fa fa-phone about-ico"></i></span></div>
                <div class="about-font">text</div>
              </div> 
            </div>
             <div class="col-md-3 text-center">
               <div class="about-li">   
                   <div><span><i class="fa fa-envelope about-ico "></i></span></div>
                <div class="about-font">text</div>
               </div>  
            </div>
         <div class="col-md-12 about">text</div>
              
            
            <div class='col-md-12 col-sm-12 col-xs-12 copyright'>
                <div class="col-md-4 col-sm-4 col-xs-4 text-right">版權</div>
                 <div class="col-md-4 col-sm-4 col-xs-4 text-center">公司地址</div>
                 <div class="col-md-4 col-sm-4 col-xs-4 text-left">
                     <div>聯繫我們</div>
                     <div>Tel:160/165</div>
                     <div><span>Fax:156</span><span>Email:1213</span></div>
                 </div>
            </div>
           
        </div>
        
         <!--customized-->
<div class="modal fade" id="myModalc" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">高級定制</h4>
      </div>
      <div class="modal-body customized">
          <form method="post">
              <div class="col-md-12"><label>商品名稱：</label><input type="text"></div>
              <div class="col-md-12"><label>商品描述：</label><textarea></textarea></div>
              <div class="col-md-12">
                  <label>商品顏色：</label><input type="text">
               </div>
                <div class="col-md-12">
                    <label>商品尺寸：</label><input type="text">
              </div>
              <div class="col-md-12 upload"><label>上傳圖片：</label><span class="d-s">上傳圖片</span></div>
              <div class="col-md-12 c-sub"><input type="submit" class="d-s" value="提交"></div>
            
          </form> 
      </div>
     
    </div>
  </div>
</div>
        <!-- Modal 登錄--> 
        <div class="member-li"> 
            <div id="signin" class="modal-dialog modal-sm modal-login c-m-m">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="signinLabel">會員登錄<span class="col-close">x</span></h4>
                    </div>
                    <div class="modal-body">
                        <form role="form" id="userLoginForm" method="post">
                            <div class="form-group">
                                <input type="text" name="usernameSignin" id="usernameSignin" placeholder="會員賬號" class="form-control">
                            </div>
                            <div class="form-group">
                                <input type="password" name="passwordSignin" id="passwordSignin" placeholder="密碼" class="form-control">
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="checkbox custom-checkbox"><label><input type="checkbox" id="rememberSignin" name="rememberme" value="forever"><span class="fa fa-check"></span>記住我</label></div>
                                    </div>
                                    
                                </div>
                            </div>
                            <input type="hidden" id="securitySignin" name="securitySignin" ><input type="hidden" name="_wp_http_referer" value="/themes/reales-wp/">                    <div class="form-group">
                                <div class="btn-group-justified">
                                    <a href="#" class="btn btn-lg btn-green" id="submitSignin">登錄</a>
                                </div>
                            </div>
                            <p class="help-block">沒有賬號? <a class="zz" data-pp="#signup">註冊</a></p>
                        </form>
                    </div>
                </div>
            </div>
   
  
         <!-- Modal --> 
          
                <div id="signup" class="modal-dialog modal-sm c-m-m">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="signupLabel">會員註冊<span class="col-close">x</span></h4>
                        </div>
                        <div class="modal-body">
                            <form role="form" id="userSignupForm" method="post">
                                <div class="signinMessage" id="signupMessage"></div>
                                <div class="form-group">
                                    <input type="text" name="usernameSignup" id="usernameSignup" placeholder="會員名稱" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="pass1Signup" id="firstnameSignup" placeholder="密碼" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="emailSignup" id="emailSignup" placeholder="電子郵箱" class="form-control">
                                </div>
                                <div class="form-group">
                                    <input type="text" name="phoneSignup" id="emailSignup" placeholder="手機號碼" class="form-control">
                                </div>
                              <input type="hidden" id="securitySignup" name="securitySignup" value="9b2b8ca633"><input type="hidden" name="_wp_http_referer" value="/themes/reales-wp/">                    <div class="form-group">
                                    <div class="btn-group-justified">
                                        <a class="btn btn-lg btn-green" id="submitSignup">註冊</a>
                                    </div>
                                </div>
                                <p class="help-block">已經有賬號? <a class="ll" data-pp="#signin">登錄</a></p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
         <div class="body-bg"></div>
         <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
<!--              <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
          <script src="js/gmap3.min.js" type="text/javascript"></script>
           <script src="slide/js/swiper.jquery.min.js" type="text/javascript"></script>
           <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
        <script type="text/javascript">
                $(document).ready(function () {

        $(".gmap3").gmap3({
        map:{
        options:{
        center: [22.345775,113.4145466],
                zoom: 15
        }
        }, marker: {
        latLng:[22.345775,113.4145466]
        }
        });
        });
    </script>
        <script src="js/other.js" type="text/javascript"></script>
    </body>
</html>
